@use "sass:map";
$color-list: (
  primary: (color-1: var(--Colors-Use-Main-Bg),
    color-2: var(--Colors-Use-Main-Focus),
    color-3: var(--Colors-Use-Main-Border),
    color-4: var(--Colors-Use-Main-Hover),
    color-5: var(--Colors-Use-Main-Primary),
    color-6: var(--Colors-Use-Main-Pressed),
    color-7: var(--Colors-Use-Main-On-Primary)),
  success: (color-1: var(--Colors-Use-Success-Bg),
    color-2: var(--Colors-Use-Success-Focus),
    color-3: var(--Colors-Use-Success-Border),
    color-4: var(--Colors-Use-Success-Hover),
    color-5: var(--Colors-Use-Success-Primary),
    color-6: var(--Colors-Use-Success-Pressed),
    color-7: var(--Colors-Use-Main-On-Primary)),
  danger: (color-1: var(--Colors-Use-Error-Bg),
    color-2: var(--Colors-Use-Error-Focus),
    color-3: var(--Colors-Use-Error-Border),
    color-4: var(--Colors-Use-Error-Hover),
    color-5: var(--Colors-Use-Error-Primary),
    color-6: var(--Colors-Use-Error-Pressed),
    color-7: var(--Colors-Use-Main-On-Primary)),
  infoBlue: (color-1: var(--Colors-Use-Blue-Bg),
    color-2: var(--Colors-Use-Blue-Focus),
    color-3: var(--Colors-Use-Blue-Border),
    color-4: var(--Colors-Use-Blue-Hover),
    color-5: var(--Colors-Use-Blue-Primary),
    color-6: var(--Colors-Use-Blue-Pressed),
    color-7: var(--Colors-Use-Main-On-Primary))
);

@function fetch-color($type, $color) {
  @return map.get(map.get($color-list, $type), $color);
}

// 手动控制颜色变量,生成带透明度的颜色
@function fetch-color-transparen($color, $alph) {
  @return color-mix(in srgb, $color $alph, transparent);
}